<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8">
		<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
		<title>新增代理</title>
		<link rel="stylesheet" href="layui/css/layui.css">
		<link rel="stylesheet" href="static/css/style.css">
		<link rel="stylesheet" href="layui/css/layuibtn.css">
	</head>
	<style>
		.roomType {
			display: block!important;
			width: 100%;
			border-color: #D2D2D2!important;
			height: 38px;
			line-height: 1.3;
			border-width: 1px;
			border-style: solid;
			background-color: #fff;
			border-radius: 2px;
			padding-left: 10px;
		}
		
		.layui-table-cell {
			height: auto;
		}
	</style>

	<body>
		<div class="container">
			<fieldset class="layui-elem-field layui-field-title" style="margin-top: 20px;">
				<legend>新增代理</legend>
			</fieldset>

			<form class="layui-form" action="">
				<div class="layui-form-item">
					<label class="layui-form-label">用户名</label>
					<div class="layui-input-block">
						<input type="text" name="title" lay-verify="title" autocomplete="off" placeholder="请输入用户名" class="layui-input nickname">
					</div>
				</div>

				<div class="layui-form-item">
					<label class="layui-form-label">手机号</label>
					<div class="layui-input-block">
						<input type="text" name="title" lay-verify="title" autocomplete="off" placeholder="请输入手机号" class="layui-input phone">
					</div>
				</div>

				<div class="layui-form-item">
					<label class="layui-form-label">用户密码</label>
					<div class="layui-input-block">
						<input type="text" name="title" lay-verify="title" autocomplete="off" placeholder="请输入密码" class="layui-input password">
					</div>
				</div>
				<div class="layui-form-item">
					<label class="layui-form-label">代理地址</label>
					<div class="layui-input-block">
						<input type="text" name="address" lay-verify="address" autocomplete="off" placeholder="请输入地址  列如 ：江苏省徐州市" class="layui-input address">
					</div>
				</div>

				<div class="layui-form-item">
					<label class="layui-form-label">抽成比例</label>
					<div class="layui-input-block">
						<input type="text" name="proportion" lay-verify="proportion" autocomplete="off" placeholder="请输入比例" class="layui-input proportion">
					</div>
				</div>

				<div class="layui-form-item">
					<button type="button" class="layui-btn" onclick="settijiao()">提交</button>
					<button type="button" class="layui-btn" id="quxiao">取消</button>
				</div>
			</form>
		</div>

		<script type="text/javascript" src="js/jquery.min.js"></script>
		<script src="js/common.js"></script>
		<script src="layui/layui.js"></script>
		<script src="layer-v3.1.1/layer/mobile/layer.js"></script>
		<script>
			//$(function() {	
			layui.use(['element', 'layer'], function() {
				var $ = layui.jquery,
					element = layui.element;
				layer = layui.layer;

			});
			var roomId = getQueryString("roomId");
			$.ajax({
				type: "post",
				url: baseurl + "/com/queryRoomLp",
				data: {
					room_id: roomId
				},
				success: function(data) {
					console.log(data)
					$(".roomId").val(data.data.roomId);
					$(".roomName").val(data.data.roomName);
					$(".roomType").val(data.data.roomType);
					$(".roomNum").val(data.data.roomNum);
					$(".redbagNum").val(data.data.redbagNum);
				}
			});

			$("#quxiao").click(function() {
				window.parent.location.reload();
			})

			function settijiao() {
				$.ajax({
					type: "post",
					url: baseurl + "/user/insertUserRole",
					data: {
						name: $(".nickname").val(),
						phone: $(".phone").val(),
						password: $(".password").val(),
						address: $(".address").val(),
						proportion: $(".proportion").val(),
						//redbagNum: $(".redbagNum").val()
					},
					success: function(data) {
						console.log(data)
						if(data.meta.code == 200) {
							//alert('修改成功');
							layer.alert('新增成功', function() {
								window.parent.location.reload();
							});
						} else {
							if(data.meta.msg == '手机号已存在！') {
								layer.alert(data.meta.msg);
							} else if(data.meta.code == 451) {
								layer.alert('地址请输入：XX省XX市XX区');
							}else if(data.meta.msg == "该地区已有代理") {
								layer.alert('该地区已有代理');
							}  else {
								layer.alert("新增失败");
							}
						}
					}
				})
			}

			//})	
			//			function userlist(username, /* phone, */ address) {
			//
			//				$.ajax({
			//						type: "GET", //提交方式 
			//						url: baseurl + "/com/queryRoomLp", //路径 
			//						dataType: 'json',
			//						data: {
			//							username: username,
			//							/*phone: phone,*/
			//							address: address,
			//							/*userType: userType,
			//							vip: vip,*/
			//						}, //数据，这里使用的是Json格式进行传输 
			//						success: function(data) { //返回数据根据结果进行相应的处理 
			//							consolo.log(data)
			//							console.log(data.data);
			//							list = data.data;
			//							layui.use('table', function() {
			//								var table = layui.table;
			//								//第一个实例
			//								table.render({
			//									elem: '#demo',
			//									id: 'testReload',
			//									data: list, //数据接口
			//									page: true, //开启分页
			//									totalRow: true, //开启合计行
			//									limit: 10,
			//									limits: [10],
			//									cols: [
			//										[{
			//											checkbox: true,
			//											LAY_CHECKED: false,
			//											filter: 'test',
			//											width: 300
			//										}, {
			//											field: 'roomId',
			//											title: 'ID',
			//											width: 250,
			//
			//										}, {
			//											field: 'roomName',
			//											title: '房间名',
			//											width: 250,
			//										}, {
			//											fileld: 'roomType',
			//											title: '房间类型',
			//											width: 201,
			//										}, {
			//											field: 'roomNum',
			//											title: '人数',
			//											width: 250,
			//										}, {
			//											field: 'redbagNum',
			//											title: '红包数',
			//											width: 250,
			//											//											templet: '#barDemo3',
			//										}, {
			//											title: '操作',
			//											width: 270,
			//											toolbar: '#barDemo'
			//
			//										}]
			//									]
			//								});
			//							var layer;
			//							var user_id;
			//							$(function() {
			//								var user_id = getQueryString("user_id");
			//								layui.use(['element', 'layer'], function() {
			//									var $ = layui.jquery,
			//										element = layui.element;
			//									layer = layui.layer;
			//
			//								});
			//								$.ajax({
			//									type: "POST", //提交方式 
			//									url: baseurl + "/user/userlist", //路径 
			//									dataType: 'json',
			//									data: {
			//										userid: user_id,
			//										//user_id: localStorage.getItem("userId"),
			//									}, //数据，这里使用的是Json格式进行传输 
			//									success: function(data) { //返回数据根据结果进行相应的处理 
			//										if(data.meta.code == 200) {
			//											var user = data.data;
			//											if(user.nickname == null || user.nickname.trim().length < 1) {
			//												$(".nickname").val("暂无");
			//											} else {
			//												$(".nickname").val(user.nickname);
			//											}
			//											if(user.password == null || user.password.trim().length < 1) {
			//												$(".password").val("暂无");
			//											} else {
			//												$(".password").val(user.password);
			//											}
			//											if(user.phone == null || user.phone.trim().length < 1) {
			//												$(".phone").val("暂无");
			//											} else {
			//												$(".phone").val(user.phone);
			//											}
			//											//							if(user.userOpenid == null || user.userOpenid.trim().length < 1) {
			//											//								$(".userOpenid").val("暂无");
			//											//							} else {
			//											//								$(".userOpenid").val(user.userOpenid);
			//											//							}
			//											//							if(user.userType == 'read') {
			//											//								$(".userType").val("读者");
			//											//							} else {
			//											//								$(".userType").val("作者");
			//											//							}
			//											//							if(user.VipStatus == 'Y') {
			//											//								$(".VipStatus").val("VIP用户");
			//											//							} else {
			//											//								$(".VipStatus").val("普通用户");
			//											//							}
			//											//							if(user.des == null || user.des.trim().length < 1) {
			//											//								$(".des").val("暂无");
			//											//							} else {
			//											//								$(".des").val(user.des);
			//											//							}
			//
			//										} else {
			//											layer.msg('获取信息失败');
			//										}
			//									}
			//								});
			//							})
			//						})
			//				})
		</script>
	</body>

</html>